<template>
    <div>
     <Banner></Banner>
     <Header></Header>
     <div class="content">
       <List :list="list"> </List>
     </div>
    </div>
</template>
<script>
import Banner from './components/Banner.vue';
import Header from './components/Header.vue';
import List from './components/List.vue';
export default {
    name:'Detail',
    components:{
  Banner,
  Header,
  List
    },
    data(){
      return {
        list:[{
          title:'成人票',
          children:[{
            title:'成人三联票',
          },{
            title:'成人四联票',
            children:[{
              title:"成人四联票-A"
            },{
              title:"成人四联票-B"
            }]
          }]
        },{
          title:'学生票'
        },{
          title:'儿童票'
        },{
          title:'特惠票'
        }]
      }
    }
}
</script>
<style lang="stylus" scoped>
.content{
  height:3000px;
}
</style>
